@media (min-width: 320px) {
  .article {
    font-size: 14px;
    text-indent: 28px;
  }
}

@media (min-width: 375px) {
  .article {
    font-size: 16px;
    text-indent: 32px;
  }
}

@media (min-width: 480px) {
  .article {
    font-size: 21px;
    text-indent: 42px;
  }
}

.aboutBox {
  padding: .4rem 10px 0;
}

.article {
  margin-top:.25rem;
  color: #333;
  text-align: justify;
  p {
    margin-top: 10px;
  }
}

.aboutLogo {
  width: 100%;
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex;
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  .logo {
    height: .9rem;
    width: .9rem;
    img {
      height: 100%;
      width: 100%;
    }
  }
}
